<template>
	<view>
		<view class="detail-view" v-for="(item,index) in detail" :key="index" >
			<view class="text-top">
				<span class="top-big">{{item.detailpro}}</span>
				<view class="iconfont icon-danse_gongnengjihe top-icon" @click="detailsto(item)"></view>
				<span class="top-small">{{item.detaildep}}</span>
			</view>
			<bgcol></bgcol>
			<sale :name="item.name" :xuqiu="item.xuqiu" :price="item.price" :deta="item.deta" :xinx="item.xinx" ></sale>
		</view>
	</view>
</template>

<script>
	import bgcol from "@/components/common/bgcol.vue";
	import sale from "@/components/common/sale.vue";
	export default {
		props: {
			detail:Array

		},
		components:{
			bgcol,sale
		},
		methods:{
			detailsto(T){
				// alert(T)
				uni.navigateTo({
					url:'/pages/details/details?deta='+T
				})
			}
		}
	}
</script>

<style scoped>
	.detail-view{
		width: 90%;
		height: 230rpx;
		margin: auto;
		margin-top: 20rpx;
		border-radius: 10rpx;
		background: linear-gradient(#DBE5FC 0%,#ffffff 40%);
		/* background:linear-gradient( #DBE5FC 30% ,#F1F4FB 20%, #ffffff 50% ); */
	}
	.text-top{
		height: 40rpx;
	}
	.top-big{
		padding-top: 5rpx;
		font-size: 35rpx;
		color: #333333;
		float: left;
		padding-left: 20rpx;
	}
	.top-icon{
		float: right;
		padding-right: 20rpx;
		padding-top: 10rpx;
	}
	.top-small{
		font-size: 25rpx;
		color: #929394;
		float: right;
		padding-right: 20rpx;
	}
	
</style>
